@import './../../styles/lessBase.less';

.updateInfoWrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
  .arrow {
    width: 1.7rem;
    height: 1.7rem;
    vertical-align: top;
    padding: .4rem;
  }
  .icon {
    display: flex;
    height: 3rem;
    padding: .5rem 1.5rem;
    background-color: #fff;
    span {
      font-size: @middleFontSize;
      font-family: @fontFamily;
      color: #000;
      display: inline-block;
      width: 6rem;
      line-height: 3rem;
    }
    .blank {
      flex: 1;
    }
    img {
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
    }
  }
  .sex {
    height: 2.5rem;
    padding: .5rem 1.5rem;
    font-size: @middleFontSize;
    font-family: @fontFamily;
    border-top: 1px solid #D9D9D9;
    line-height: 2.5rem;
    display: flex;
    background-color: #fff;
    span {
      color: #000;
    }
    .sexName {
      display: inline-block;
      color: #888;
      padding-left: 1rem;
      flex: 1;
    }
  }
  .nickName {
    height: 2.5rem;
    padding: .5rem 1.5rem;
    font-size: @middleFontSize;
    font-family: @fontFamily;
    border-top: 1px solid #D9D9D9;
    line-height: 2.5rem;
    background-color: #fff;
    span {
      color: #000;
    }
    input {
      width: 80%;
      border: 0;
      outline: none;
      line-height: 2rem;
      padding-left: .5rem;
      color: #888;
      font-size: @middleFontSize;
      font-family: @fontFamily;
    }
  }
  .changePwd {
    height: 2.5rem;
    padding: .5rem 1.5rem;
    font-size: @middleFontSize;
    font-family: @fontFamily;
    border-bottom: 1px solid #D9D9D9;
    line-height: 2.5rem;
    background-color: #fff;
  }
  .update-btn {
    padding: 2rem 1.5rem;
  }
  .weui_cell_ft {
    flex: 1;
    text-align: left;
    padding-left: 1rem;
  }
  .weui_cell {
    padding: .8rem 1.5rem;
  }
  .weui_cells {
    margin-top: 0;
  }
  .weui_cells > a {
    color: #000;
    font-size: @middleFontSize;
    font-family: @fontFamily;
  }
  .weui_cell_ft.with_arrow:after {
    border-color: #fff;
  }
  .sexSelect {
    .weui_actionsheet_cell {
      color: orange;
    }
  }
}